<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="/deng/include/include-css.js"></script>
    <link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
    <title>摄像机组</title>
</head>
<body>
<div class="m-content">
    <div class="m-portlet">
        <div class="m-portlet__head">
            <div class="m-portlet__head-caption">
                <div class="m-portlet__head-title">
                    <h3 class="m-portlet__head-text">
                        <span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
                    </h3>
                </div>
            </div>
        </div>
        <form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" method="POST" id="searchForm" onsubmit="search('datatables');return false;">
            <div class="m-portlet__body">
                <div class="form-group m-form__group row">
                    <label class="col-form-label">组名称：</label>
                    <div class="col-lg-2">
                        <input type="text" class="form-control" name="oem_name" placeholder="请输入">
                    </div>
                    <a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
                        <span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
                    </a>
                    <a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
                        <span><i class="fa fa-repeat"></i><span>清空条件</span></span>
                    </a>
                </div>
            </div>
            <div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
                <div class="m-form__actions m-form__actions--solid">
                    <div class="row">
                        <div class="col m--align-left">
                            <div class="btn-group">
                                <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    操作
                                </button>
                                <div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; transform: translate3d(0px, 32px, 0px); top: 0px; left: 0px; will-change: transform;">
                                    <a class="dropdown-item" href="javascript:toIotVideoGroupAdd()"><span><i class="fa fa-pencil fa-lg"></i><span>新增</span></span></a>
                                    <a class="dropdown-item" href="javascript:toIotVideoGroupUpdate()"> <span><i class="fa fa-magic fa-lg"></i><span>修改</span></span></a>
                                    <a class="dropdown-item" href="javascript:delIotVideoGroup()"> <span><i class="fa fa-times"></i><span>删除</span></span></a>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" href="javascript:search('datatables')"> <span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷新</span></span></a>
                                </div>
                            </div>
                        </div>
                        <div class="col m--align-right">
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <table id="datatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap; width: 99.9%">
            <thead>
            <tr>
                <th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkall" /><span></span></label></th>
                <th>序号</th>
                <th>组名</th>
                <th>创建人</th>
                <th>创建时间</th>
                <th>修改人</th>
                <th>修改时间</th>
                <th>操作</th>
            </tr>
            </thead>
        </table>
    </div>
</div>


<!-- 设备选择器模态框（Modal）开始 -->
<div class="modal fade" id="videoSelectModal" tabindex="-1" role="dialog" aria-labelledby="videoModalLabel" aria-hidden="true">
    <!--modal-dialog-centered表示剧中，max-width宽度-->
    <div class="modal-dialog modal-dialog-centered" id="videoModalDialog" style="max-width: 55%;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="videoModalLabel">
                    选择相机
                </h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body" id="processBody" style="height:560px;overflow:auto;">
                <div class="m-portlet">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    <span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
                                </h3>
                            </div>
                        </div>
                    </div>
                    <!--begin::Form-->
                    <form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed"  method= "post" id="searchVideoForm">
                        <div class="m-portlet__body">
                            <div class="form-group m-form__group row">
                                <label class="col-form-label">名称:</label>
                                <div class="col-lg-3">
                                    <input type="text" class="form-control" name="name" placeholder="请输入">
                                </div>
                                <label class="col-form-label">位置:</label>
                                <div class="col-lg-2">
                                    <select class="form-control" id="device_location_id" name="device_location_id">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                                <label class="col-form-label">类型:</label>
                                <div class="col-lg-2">
                                    <select class="form-control" id="device_type_id" name="device_type_id">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                                <a href="javascript:search('videoDataTables')" class="btn btn-light-primary font-weight-bold mr-2">
                                    <span><i class="fa fa-search"></i><span>检索</span></span>
                                </a>
                            </div>
                        </div>
                        <!--
                        <div class="m-portlet__foot m-portlet__no-border m-portlet__foot&#45;&#45;fit">
                            <div class="m-form__actions m-form__actions&#45;&#45;solid">
                                <div class="row">
                                    <div class="col m&#45;&#45;align-left">
                                        <a class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" href="javascript:search('videoDataTables')">
                                            <span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷新</span></span>
                                        </a>
                                    </div>
                                    <div class="col m&#45;&#45;align-right">
                                        <a href="javascript:search('videoDataTables')" class="btn btn-info m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon">
                                            <span><i class="fa fa-search"></i><span>检索</span></span>
                                        </a>
                                        <a href="javascript:resetAll('searchVideoForm')" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon">
                                            <span><i class="fa fa-repeat"></i><span>重置</span></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        -->
                    </form>
                    <!--end::Form-->
                </div>
                <table id="videoDataTables" class="table table-bordered table-striped table-hover" style="white-space: nowrap;">
                    <thead>
                    <tr>
                        <th>操作</th>
                        <th>类型</th>
                        <th>设备编码</th>
                        <th>名称</th>
                        <th>位置</th>
                    </tr>
                    </thead>
                </table>
            </div>
            <!--
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal">关闭</button>
            </div>
            -->
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 设备选择器模态框（Modal）结束 -->
</body>
<script type="text/javascript" src="/deng/include/include.js"></script>
<script type="text/javascript" src="/deng/view/monitor/iot-video-group/iot-video-group-list.js"></script>
</html>
